<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css"></style>
</head>
<body>
    <h1>JS 数组方法</h1>
    <hr>

    <script>
        var list = ['艳艳','Z' ,'静静','3', '哈哈','1', '翠翠','A','2','a', '花花', '草草','z', '甜甜'];

        console.log(list.length);

        console.log('原数组:', list);
        // 合并新数组
        console.log('concat: ', list.concat([1,2,3]));
        console.log('concat: ', list.concat(true,5,6,'566jdd'));
        // 将数组连接为一个字串
        console.log('join: ', list.join());
        console.log('join: ', list.join('---'));
        // 截取数组中的一部分值出来 [x,y] 从x到y,不含y
        console.log('slice: ', list.slice(2, 4));
        console.log('新数组:', list);

        console.info('------------------------------------------------------------------------');
        
        console.log('list数组:', list);
        // 反转数组 改变原数组
        console.log('reverse', list.reverse());
        console.log('list数组:', list);

        // 向数组最后一个位置追加元素,返回新长度 改变原数组
        console.log('push:', list.push('DDS'));
        console.log('list数组:', list);

        // 删除数组最后一个位置的元素,返回被删除的元素 改变原数组
        console.log('pop:', list.pop());
        console.log('list数组:', list);

        // 向数组首个位置追加元素,返回新长度 改变原数组
        console.log('unshift:', list.unshift('HDS'));
        console.log('list数组:', list);

        // 删除数组首个位置的元素,返回被删除的元素 改变原数组
        console.log('shift:', list.shift());
        console.log('list数组:', list);

        // 数组排序 改变原数组  ASCII规则
        console.log('sort:', list.sort());
        console.log('list数组:', list);

    </script>
</body>
</html>